<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <!-- 
      <%= %> 和 <%- %> 的区别
      <%= %> 对于HTML标签会原样输出
      <%- %> HTML会被浏览器解析，然后输出
    -->

    <!-- 引入 head.ejs 文件 -->
    <%- include('head', {mtitle: '传参的标题'}) %>

    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>

    <p><%- word %></p>

    <p><%- news %></p>
    <p><%= news %></p>

    <% if(username){ %>
      <p>欢迎你：<%- username %></p>
    <% } else { %>
      <button>前往登陆</button>
    <% } %>

    <% list.forEach((item, index) => { %>
      <p><%- item %>  <%- index + 1 %></p>
    <% }) %>

    <%- include foot %>
  </body>
</html>
